$('.tip').hide();

$('button').click(function(){
	var flag=true;
	var username=$('main>form input').eq(0).val();
	var password1=$('main li>input').eq(1).val();
	var password2=$('main li>input').eq(2).val();
	var email=$('li>input').eq(3).val();
	if(username==''){
		$('.tip1').siblings('.tip').hide();
		$('.tip1').show();
		return false;
	}else if(password1==''){
		$('.tip2').siblings('.tip').hide();
		$('.tip2').show();
		return false;
	}else if(password2==''){
		$('.tip3').siblings('.tip').hide();
		$('.tip3').show();
		return false;
	}else if(email==''){
		$('.tip4').siblings('.tip').hide();
		$('.tip4').show();
		return false;
	}
	return flag;
});

$('form li').click(function(){
	var index=$(this).index();
	index=index/2;
	console.log(index);
	$('.tip').eq(index).hide();
});
$(document).ready(function () {
    $('form').submit(function (e) {
        var username = $('input[placeholder="您的账户名和登录名"]').val();
        var password = $('input[placeholder="建议使用两种或两种以上字符组合"]').val();
        var confirmPassword = $('input[placeholder="请再次输入密码"]').val();
        var email = $('input[placeholder="请输入邮箱"]').val();

        var valid = true;

        // 用户名不能为空
        if (username === '') {
            $('.tip1').show();
            valid = false;
        } else {
            $('.tip1').hide();
        }

        // 密码不能为空
        if (password === '') {
            $('.tip2').show();
            valid = false;
        } else {
            $('.tip2').hide();
        }

        // 确认密码
        if (confirmPassword === '') {
            $('.tip3').show();
            valid = false;
        } else if (confirmPassword !== password) {
            $('.tip3').text('两次输入的密码不一致');
            $('.tip3').show();
            valid = false;
        } else {
            $('.tip3').hide();
        }

        // 邮箱不能为空
        if (email === '') {
            $('.tip4').show();
            valid = false;
        } else {
            // 简单的邮箱格式校验
            var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
            if (!emailRegex.test(email)) {
                $('.tip4').text('邮箱格式不正确');
                $('.tip4').show();
                valid = false;
            } else {
                $('.tip4').hide();
            }
        }

        if (!valid) {
            e.preventDefault(); // 阻止表单提交
        }
    });
});
